.btn {
    transition: color .4s ease, background .4s ease, border .4s ease;
    $ns: &;
    &, &:focus, &:active, &.active, &:active:focus {
        outline: none;
    }
    // 虚线按钮
    &-dashed {
        border-style: dashed;
    }
    &-dashed,
    &-ghost {
        background-color: transparent;
        border-color: darken($color-border, 20%);
        color: $color-content;
        &:hover, &:active, &:focus, &:active:focus {
            box-shadow: none;
        }
        &#{$ns}-primary {
            @include button-hover-variants($color-white, $color-primary, $color-primary);
        }
        &#{$ns}-info {
            @include button-hover-variants($color-white, $color-info, $color-info);
        }
        &#{$ns}-success {
            @include button-hover-variants($color-white, $color-success, $color-success);
        }
        &#{$ns}-warning {
            @include button-hover-variants($color-white, $color-warning, $color-warning);
        }
        &#{$ns}-danger {
            @include button-hover-variants($color-white, $color-danger, $color-danger);
        }
        &:disabled,&.disabled {
            &:hover {
                background-color: transparent;
                color: inherit;
            }
        }
    }
    &-default {
        &.dropdown-toggle {
            background-color: $color_white;
        }
    }
}